// Panels

.panel-variant(@background; @border; @heading-text-color; @heading-bg-color; @heading-border) {
    border-color: @border;
    color: @text-emphasis;
    background-color: desaturate(darken(@background,8%),11%);

    & > .panel-heading {
        color: @heading-text-color;
        background-color: @heading-bg-color;
        border-color: @heading-border;

        + .panel-collapse > .panel-body {
            border-top-color: @border;
        }

        .badge {
            color: @heading-bg-color;
            background-color: @heading-text-color;
        }
    }

    & > .panel-footer {
        + .panel-collapse > .panel-body {
            border-bottom-color: @border;
        }
    }

    .panel-addon {
        background-color: desaturate(darken(@background,15%),13%) !important;
        border-top-color: desaturate(darken(@background,17%),13%) !important;
        color: @text-color;
    }

    .input-group-addon, .form-control, .btn:not(.btn-default):not(.btn-info):not(.btn-primary):not(.btn-success):not(.btn-warning):not(.btn-danger) {
        border-color: desaturate(lighten(@heading-bg-color, 5%),5%);
        box-shadow: none;
        background-color: fadeout(@gray-base,90%);
    }

    .input-group-addon {
        background-color: fadeout(desaturate(lighten(@heading-bg-color, 5%),5%),75%);
    }
}
